<template>
    <div id="workPlace" class="person-detail">
        <div>
            <van-nav-bar
                title="工作地点"
                :fixed="true"
                left-arrow
                @click-left="back"
                />
        </div>
       <div>
            <van-tree-select
            :items="items"
            :main-active-index.sync="activeIndex"
            >
            <template slot="content">
                <van-image v-if="activeIndex === 0" src="https://img.yzcdn.cn/vant/apple-1.jpg" />
                <van-image v-if="activeIndex === 1" src="https://img.yzcdn.cn/vant/apple-2.jpg" />
            </template>
            </van-tree-select>
       </div>
    </div>
</template>
<script>
export default {
    name: 'workPlace',
    components: {},
    data() {
        return {
           activeIds: 0,
           items: [{ text: '热门城市',city:[
               '北京','上海','深圳','广州'
           ] }, { text: '河北' ,city:[
               '廊坊','唐山','保定','石家庄'
           ]}]
        }
    },
    computed: {},
    created() {},
    mounted() {},
    methods: {
         back(){
             this.$router.go(-1)
        },
        
    }
}
</script>
<style lang="scss">
#workPlace{
    background: #fff;
   
}
</style>

